<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Sprint Dashboard - TRACER </title>
  
  <link href="stylesheets/custom.less" media="all" rel="stylesheet/less" type="text/css" />
  <script src="javascripts/less-1.0.41.js"></script>
  <script type="text/javascript" charset="utf-8">
    // Under development you should uncomment the following lines,
    // to make the browser refresh the changes that you are makeing in your app.less file.
    less.env = "development";
    less.watch();
  </script>
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <script type="text/javascript" src="javascripts/jquery-1.5.1.min.js"></script>
  <script type="text/javascript" src="javascripts/jquery-ui-1.8.14.custom.min.js"></script>
  <script type="text/javascript">
	  // When the document is ready set up our sortable with it's inherant function(s)
	  $(document).ready(function() {	   	
	  
		$( "#sprint-list,#dev-list, #test-list, #deploy-list, #testready-list" ).sortable({
			connectWith: ".connectedSortable"
		}).disableSelection();

	    $("#test-list").sortable({
	      handle : '.handle',
	      update : function () {
			  var order = $('test-list').sortable('serialize');
		  		//$("#info").load("process-sortable.php?"+order);
		      }
		    });
		});
	</script>

</head>
<body>
  <header id="header">
    <div class="row">
      <div class="column grid-16">
          <p class="logoContainer">
          	<a href="dashboard.html" class="logo"> <span class="hide">TRACER</span> </a> 
          </p>
      </div>
    </div>
  </header>
  <div id="bodycontent">
    <div id="main-section">
    		<div class="row">
					<div class="column grid-4">
						<div class="box">
							<h4>Sprint log</h4>
							
							<ul id="sprint-list" class="connectedSortable">
									<li id="listItem_1" class="white">
											<p class="p1 handle"><a href="#" > #1025 </a> </p> 
											<p>As an external user i should be able to provide my feedback on the application in an easy manner. </p>								
									</li>
									<li id="listItem_1" class="white">
											<p class="p1 handle"><a href="#" > #1043 </a> </p> 
											<p>Integrate and automated email mechanism to acknowledge the user feedback.. </p>							
									</li>
									
									<li id="listItem_1" class="white">
											<p class="p2 handle"><a href="#" > #1145 </a> </p> 
											<p>Integrate and automated email mechanism to acknowledge the user feedback.</p>								
									</li>
									<li id="listItem_2" class="white">
											<p class="p3 handle"><a href="#" > #1345 </a> </p> 
											<p>Finalise the usecases for the site feedback integration.</p>							
									</li>
									<li id="listItem_3" class="white">
											<p class="p4 handle"><a href="#" > #1355 </a> </p> 
											<p class="pl">Update the typography of the application to make it inline with the branding strategy of the company.</p>								
									</li>
									<li id="listItem_4" class="white">
											<p class="p5 handle"><a href="#" > #1235 </a> </p> 
											<p class="pl">Design a new audit and logging strategy for the application.</p>								
									</li>
								</ul>
							
							
													
						</div>		
					</div>
					<div class="column grid-3">
						<div class="box">
							<h4>Development</h4>
							<ul id="dev-list" class="connectedSortable">
									<li id="listItem_1" class="white">
											<p class="p1 handle"><a href="#" > #1125 </a> </p> 
											<p>As an external user i should be able to provide my feedback on the application in an easy manner. </p>								
									</li>
									<li id="listItem_1" class="white">
											<p class="p2 handle"><a href="#" > #1145 </a> </p> 
											<p>Integrate and automated email mechanism to acknowledge the user feedback.</p>								
									</li>
									<li id="listItem_2" class="white">
											<p class="p3 handle"><a href="#" > #1345 </a> </p> 
											<p>Finalise the usecases for the site feedback integration.</p>							
									</li>
									<li id="listItem_3" class="white">
											<p class="p4 handle"><a href="#" > #1355 </a> </p> 
											<p class="pl">Update the typography of the application to make it inline with the branding strategy of the company.</p>								
									</li>
									<li id="listItem_4" class="white">
											<p class="p5 handle"><a href="#" > #1235 </a> </p> 
											<p class="pl">Design a new audit and logging strategy for the application.</p>								
									</li>
								</ul>
													
						</div>		
					</div>
					<div class="column grid-3">
						<div class="box">
								<h4>Ready for test</h4>
								<ul id="testready-list" class="connectedSortable">
									<li id="listItem_1" class="white">
											<p class="p2 handle"><a href="#" > #1145 </a> </p> 
											<p>Integrate and automated email mechanism to acknowledge the user feedback.</p>								
									</li>
									<li id="listItem_2" class="white">
											<p class="p3 handle"><a href="#" > #1345 </a> </p> 
											<p>Finalise the usecases for the site feedback integration.</p>							
									</li>
									<li id="listItem_3" class="white">
											<p class="p4 handle"><a href="#" > #1355 </a> </p> 
											<p class="pl">Update the typography of the application to make it inline with the branding strategy of the company.</p>								
									</li>
									<li id="listItem_4" class="white">
											<p class="p5 handle"><a href="#" > #1235 </a> </p> 
											<p class="pl">Design a new audit and logging strategy for the application.</p>								
									</li>
								</ul>
							
												
						</div>
					</div>
					
					<div class="column grid-3">
						<div class="box">
							<h4>Testing</h4>	
							<ul id="test-list" class="connectedSortable">
								<li id="listItem_1" class="white">
										<p class="p2 handle"><a href="#" > #1145 </a> </p> 
										<p class="pl">Finalise the usecases for the site feedback integration.</p>								
								</li>
								<li id="listItem_2" class="white">
										<p class="p3 handle"><a href="#" > #1345 </a> </p> 
										<p class="pl">Design a new visually appealing logo for the application.</p>								
								</li>
								<li id="listItem_3" class="white">
										<p class="p4 handle"><a href="#" > #1355 </a> </p> 
										<p class="pl">Update the typography of the application to make it inline with the branding strategy of the company.</p>								
								</li>
								<li id="listItem_4" class="white">
										<p class="p5 handle"><a href="#" > #1235 </a> </p> 
										<p class="pl">Design a new audit and logging strategy for the application.</p>								
								</li>
							</ul>
												
						</div>
					</div>    		
					<div class="column grid-3">
						<div class="box">
							<h4>Ready for Deploy</h4>
								<ul id="deploy-list" class="connectedSortable">
									<li id="listItem_1" class="white draggable">
										<p class="p2 handle"><a href="#" > #1145 </a> </p> 
										<p class="pl">Finalise the usecases for the site feedback integration.</p>								
								   </li>
									<li id="listItem_2" class="white draggable">
											<p class="p3 handle"><a href="#" > #1345 </a> </p> 
											<p class="pl">Design a new visually appealing logo for the application.</p>								
									</li>
									<li id="listItem_3" class="white draggable">
											<p class="p4 handle"><a href="#" > #1355 </a> </p> 
											<p class="pl">Update the typography of the application to make it inline with the branding strategy of the company.</p>								
									</li>
									
								</ul>					
							
							
							
						</div>
					</div>    		
    		
    		</div>
		
		
    </div>
  </div>

<footer>
    <div class="row">
      <div class="column grid-16">
        <p class="tal"><strong>TRACER</strong> is under MIT License</p>
        <p class="tac"><small>Copyright &copy; 2011 </small></p>
      </div>
    </div>
  </footer>
</body>
</html>
        

